<style type="text/css">
  .ml70 {
    margin-left: 70px;
  }
</style>
<div class="col-sm-12 mt20">
    
        <div class="panel panel-default">
            <div class="panel-body" ng-keyup="myKeyup($event)">
                <div class="col-sm-2">  
                    <input type="text" class="form-control" placeholder="产品名称" ng-model="pageInfo.product_name">
                    <!-- <div class="input-group">
                        <span class="input-group-addon">选择产品</span>
                        <ui-select ng-model="pageInfo.product" theme="bootstrap">
                            <ui-select-match placeholder="产品...">{{$select.selected.product_name}}</ui-select-match>
                            <ui-select-choices repeat="item in noClassProductList  | filter: $select.search">
                                <span ng-bind-html="item.product_name | highlight: $select.search"></span>
                                【
                                <span ng-bind-html="item.product_code | highlight: $select.search"></span>】
                            </ui-select-choices>
                        </ui-select>
                    </div> -->
                </div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" placeholder="景区名称" ng-model="pageInfo.product_code">
                </div>
                <div class="col-sm-2">
                    <button class="btn btn-info search btn-block" ng-click="load()">搜索</button>
                </div>
                <div class="col-sm-2 pull-right">
                    <button class="btn btn-primary btn-block" ng-click="save()">保存</button>
                </div>
                <div class="col-sm-2">
                </div>
                <div class="col-sm-2">
                </div>
                <div class="col-sm-2">
                </div>
            </div>
    
            <div class="panel-body">
                <table class="table table-striped table-bordered dataTable table-condensed tree_table" style="table-layout:fixed">
                    <thead>
                        <tr>
                            <th class="col-md-2 text-center">分类logo</th>
                            <th class="col-md-2 text-center">分类名称</th>
                            <th class="col-md-2 text-center">跳转样式</th>
                            <th class="col-md-2 text-center">排序</th>
                            <th class="col-md-2 text-center">创建时间</th>
                            <th class="col-md-2 text-center">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="bean in classList">
                            <td class="text-center">
                                <img ng-src="{{bean.logo}}" alt="分类logo" class="" style="border-radius:100px" width="50px" height="50px">
                                <!-- <img src="{{bean.logo}}" alt="分类logo" width="180px" height="120px"> -->
                            </td>
                            <td class="text-center">{{bean.class_name}}</td>
                            <td class="text-center">{{bean.style_name}}</td>
                            <td class="text-center">{{bean.asrot}}</td>
                            <td class="text-center">{{bean.create_time}}</td>
                            <td class="">
                                <label class="i-switch ml70">
                                    <input type="checkbox" ng-model="bean.selected" ng-change="change(bean)"><i></i>
                                </label>
                                  <!-- <label class="i-checks m-b-none"><input type="checkbox" ng-click="change(bean)" ng-model="bean.mark" ng-disabled="type == 'read'"><i></i></label> -->
                                <!-- <button type="button" class="btn btn-info btn-xs" ng-click="update(bean)" ng-if="bean.update_state">修改</button>
                                <button type="button" class="btn btn-success btn-xs" ng-click="saveone(bean)" ng-if="!bean.update_state">保存</button>
                                <button type="button" class="btn btn-info btn-xs" ng-click="delete($index)">删除</button> -->
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="text-right">
                <pagination 
                   total-items="bigTotalItems" 
                   ng-model="bigCurrentPage" 
                   ng-change="load()"
                   previous-text="上一页" 
                   next-text="下一页" 
                   first-text="首页" 
                   last-text="尾页" 
                   max-size="5" 
                   boundary-links="true"
                   rotate="false"        
                   items-per-page="itemsPerPage"
                   class="m-t-none m-b">
               </pagination>
           </div>
    
        </div>
    </div>